<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/tags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <%@include file="/common/style.jsp" %>
    <link rel="stylesheet" type="text/css" href="${static_url}/ui/app/assets/css/sub.min.css">

    <%@include file="/common/javascript.jsp" %>

</head>
<body class="wide">
<!-- 头部 -->
<%@include file="/common/header.jsp" %>
<!-- /头部 -->
<div style="border-top: solid 1px #dcdcdc;" class="h10"></div>

<!--search-->
<%@include file="/common/search.jsp" %>
<!--search end-->
<div class="clearfix h10"></div>

<!-- 主体 -->
<div class="layout">
    <!--商品简介 -->
    <div class="pro-summary-area clearfix">
        <div class="right-area">
            <!--商品简介-属性 -->
           <%@include file="detail_info.jsp"%>
        </div>

        <div class="left-area">
            <!--商品简介-图片画廊 -->
            <%@include file="detail_image.jsp"%>
        </div>

    </div>
</div>

<div class="h20"></div>

<div class="layout">
    <div class="fr u-3-4">
        <!-- 20131220-商品详情-start -->
        <div class="pro-detail-area clearfix">
            <div class="tool-fixed-holder" style="display: none;"></div>
            <div id="pro-tab-all" class="pro-detail-tool">
                <!--商品详情-书签 -->
                <div id="pro-tab-area" class="pro-detail-tab clearfix">
                    <div class="pro-detail-tab-nav">
                        <ul>
                            <li id="pro-tab-feature" class="current"><a href="javascript:;" title="商品详情"><span>商品详情</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--商品详情-->
            <div class="pro-detail-area">
                <!--产品特征 -->
                <div id="pro-tab-feature-content" class="pro-detail-tab-area pro-feature-area">
                    ${goodsContent.content}
                </div>
                <!--规格参数 -->

                <!--包装清单 -->

                <!--售后服务 -->


                <!--用户评价 -->

            </div>
        </div>
        <!--咨询-->

    </div>
    <div class="fl u-1-4">
        <div class="hot-area" style="display: none;">
            <div class="h">
                <h3><span>热销榜单</span></h3>
            </div>
            <div class="b">
                <!--商品列表 -->
                <div class="pro-list">
                    <ul>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 最近浏览过的商品  -->
        <div id="product-history-area" class="rl-area hide" style="display: block;">
            <div class="h">
                <h3 class="fl"><span>最近浏览过的商品</span></h3>
                <span class="fr"></span>
            </div>
            <div class="b">
                <!--商品列表  -->
                <div class="pro-list">
                    <ul id="product-history-list">
                        <li>
                            <div>
                                <p class="p-img">
                                    <a href="##" title="">
                                        <img src="" alt="">
                                    </a>
                                </p>
                                <p class="p-name"><a href="##" title=""></a></p>
                                <p class="p-price"><b>¥</b></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /主体 -->

<!-- 底部 -->
<%@include file="/common/footer.jsp" %>
<!-- /底部 -->

</body>
</html>
